<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/subjets.css" rel="stylesheet" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" src="../js/subjets.js" ></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" id="botton">
			<h1 class="mui-title" id="zx">在线教育&nbsp;<a>Online Education</a></h1>
		</header>                  
		<div id="main">			
			<p id="obj">科目选择</p>
            <ul id="all">
            	<li>
            		<a href="class.html">
            		<button id="but1">
            			<img src="../images/yuwen.png"/>
            			<p>语文</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but2">
            			<img src="../images/shuxue.png"/>
            			<p>数学</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but3">
            			<img src="../images/waiyu.png"/>
            			<p>英语</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but4">
            			<img src="../images/wuli.png"/>
            			<p>物理</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but5">
            			<img src="../images/huaxue.png"/>
            			<p>化学</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but6">
            			<img src="../images/sw.png"/>
            			<p>生物</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but7">
            		    <img src="../images/zz.png"/>
            			<p>政治</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="class.html">
            		<button id="but8">
            		    <img src="../images/lishi.png"/>
            			<p>历史</p>
            		</button>
            		</a>
            	</li>
            	<li>
            		<a href="test.html">
            		<button id="but9">
            		    <img src="../images/dili.png"/>
            			<p>地理</p>
            		</button>
            		</a>
            	</li>
            </ul>
		</div>
		<nav class="mui-bar mui-bar-tab">
			
			<a class="mui-tab-item mui-active" id="home">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" id="information">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">0</span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" id="aboutus">
				<span class="mui-icon mui-icon-help"></span>
				<span class="mui-tab-label">关于我们</span>
			</a>
			<a class="mui-tab-item" id="myown" >
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();

			//-----------------------------------------------------
                var oldback = mui.back;
                mui.back = function() {
                	//一直停留在当前页面
                	//mui.currentWebview.opener().show();
                	//返回上一级页面
                	oldback();                              
                }   ;
                
 				document.getElementById("home").addEventListener("tap",function(){
 					mui.openWindow({
 						url:'main.html'
 					})
 				});
 				
 				document.getElementById("information").addEventListener("tap",function(){
 					mui.openWindow({
 						url:''
 					})
 				});
 				
 				document.getElementById("aboutus").addEventListener("tap",function(){
 					mui.openWindow({
 						url:'abouts.html'
 					})
 				});
 				
 				document.getElementById("myown").addEventListener("tap",function(){
 					mui.openWindow({
 						url:'user_center.html'
 					})
 				});
               //localStorage.setItem("")
                
                //button按钮跳转
                /**
                 * 
                function jumpToDetailView(){
				mui.openWindow({
				url:'details/detail.html',
				id:'detail.html'
				});
				}
				*/
                
		</script>	     
	</body>
</html>